<template>
  <div>
    <div >
      <router-link :to="{path:'songVerbose',query:{type:list.billboard.billboard_type}}" class="classify">
        <img :src="list.billboard.pic_s210" alt="">
        <ol class="list">
          <li v-for="(item,index) in list.song_list" :key="index">
           {{index+1}}、{{item.title}}</li>
        </ol>
      </router-link>
    </div>
  </div>
</template>

<script>
// import axios from 'axios'
import {getSongList} from "@/api/api";

export default {
  name: "todayList",
  data(){
    return{
      list:{song_list:[],billboard:""}
    }
  },
  props:['size','type'],
  created() {

    getSongList(this.type,this.size,this.method).then(res=>{
      console.log(res)
      this.list = res
    })
  }
}
</script>

<style scoped lang="less">
.classify{
  padding: 10px;
  display: flex;
  padding: 20px 10px;
  //justify-content: space-around;
  img{
    width: 40%;
    height: 40%;
  }
  .list{
    overflow: hidden;
    margin-left: 10px;

    li{
      box-sizing: border-box;
      font-size: 12px;
      padding: 3px;
      color: #999;
      border-bottom: 1px dashed #ff00ff;

    }
  }


}
</style>